<template>
    <div class="empty-data">
        <div class="content">
            <n-icon :size="30">
                <ExceptionOutlined></ExceptionOutlined>
            </n-icon>
            <div>暂无数据</div>
        </div>
    </div>
</template>

<script setup>
import { ExceptionOutlined } from '@vicons/antd';
</script>

<style lang="less" scoped>
.empty-data {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        color: var(--grey-500);
    }
}
</style>
